<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="./css/mian.css">
	<link rel="stylesheet" href="./css/icofont.css">
	
</head>
<body>
	<div class="head">
		<div class=" navigation">
			<div class="head1">
				<a href="">小米网</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">米聊</a><span>|</span>
				<a href="">游戏</a><span>|</span>
				<a href="">多看阅读</a><span>|</span>
				<a href="">云服务</a><span>|</span>
				<a href="">小米移动</a><span>|</span>
				<a href="">问题反馈</a><span>|</span>
				<a href="">select Rdgion</a>
			</div>
				<div class="head2">
					<a href="">登录</a><span>|</span>
					<a href="">注册</a>
					<div class="shopping"><i class="iconfont" >  &#xe60c;</i>购物车(0) </div>
				</div>
				</div>
			</div>
			<!-- 主体上半部 -->
			<div class="body">
				<div class="body1">
					<div class="head4">
						<div class="logo">
						<div class="colour1">
							<img src="./miimg/logo.png" alt="">
						</div>
						<!-- <img src="./miimg/milogo.jpg" alt=""> -->
						<img src="./miimg/mimax.gif";></div>
						<div class="Product">
								<a href="">小米手机</a>
								<a href="">红米</a>
								<a href="">平板</a>
								<a href="">电视</a>
								<a href="">盒子·影音</a>
								<a href="">路由器</a>
								<a href="">智能硬件</a>
								<a href="">服务</a>
								<a href="">社区</a>
						</div>
						<div class="seek">
							<input class="sreach" type="text" style="height:52px ;width:245px; " >
							<input class="button iconfont" type="submit" style="height:54px; width:54px;" value="&#xe616;">
						</div>
					</div>
					<div class="head1">
						
						<div class="head1_right">
							<ul class="img">
								<li><a href=""><img src="./miimg/banner_1.jpg" alt="" width="1290px;" height="465px;"></a></li>
								<li><a href=""><img src="./miimg/banner_2.jpg" alt="" width="1290px;" height="465px;"></a></li>
								<li><a href=""><img src="./miimg/banner_3.jpg" alt="" width="1290px;" height="465px;"></a></li>
								<li><a href=""><img src="./miimg/banner_4.jpg" alt="" width="1290px;" height="465px;"></a></li>
						<!-- 		<li><a href=""><img src="./miimg/banner_5.jpg" alt="" width="1290px;" height="465px;"></a></li>	 -->
							</ul>
							<ul class="left">
								<li><a href="">手机 平板 电话卡<span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">电视 盒子<span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">路由器 只能硬件 <span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">移动电源 插线板 <span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">耳机 音箱<span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">电池 存储卡<span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">保护套 后盖<span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">贴膜 其他配件<span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">米兔 服装<span class="'iconfont'>&#xe622;"></span></a></li>
								<li><a href="">箱包 其他周边<span class="'iconfont'>&#xe622;"></span></a></li>
							</ul>
						</div>
					</div>
					<div class="accessories">
						<div class="left">
							<div class="telecom"><i class="iconfont">&#xe640;</i><a href="" class="dianxin">电信专场</a></div>
							<div class="enterprise"><i class="iconfont">&#xe63e;</i>企业团购</div>
							<div class="renovate"><i class="iconfont">&#xe63b;</i>官翻产品</div>
							<div class="move"></div>
							<div class="change"><i class="iconfont">&#xe900;</i>以旧换新</div>
							<div class="recharge"></div>
						</div>
						<div class="right"><a href=""><img src="./miimg/hongmi.jpg" alt="" width="336px;" height="180px;"></a></div>
						<div class="right"><a href=""><img src="./miimg/hongmi2.jpg" alt="" width="336px;" height="180px;"></a></div>
						<div class="right"><a href=""><img src="./miimg/hongmi3.jpg" alt="" width="336px;" height="180px;"></a></div>
					</div>


					<div class=" product">
						<div class="product_explain">
							<a href="">小米明星单品</a>
							
							 <div class="anniu">
								<input class="an" type="reset">
								<input class="niu" type="reset">
							</div> 
						</div>
						<div class="product_listing">
							<div class="single"><a href=""><img src="./miimg/dianshi5.jpg" width="175px;" height="182px;" alt=""></a><a href="">移动电源1000mAh 高配版</a><p class="hei">支持USB Type-C充放电，双向快充</p><p class="ye">149元</p></div>
							<div class="single"><a href=""><img src="./miimg/dianshi4.jpg" width="175px;" height="182px;" alt=""></a><a href="">米家压力IH电饭煲</a><p class="hei">5月24日早10点现货</p><p class="ye">999元</p></div>
							<div class="single"><a href=""><img src="./miimg/dianshi3.jpg" width="175px;" height="182px;" alt=""></a>
							<a href="">小米手环 光感版</a><p class="hei">心率丶运动丶睡眠全掌控</p><p class="ye">99元</p></div>
							<div class="single"><a href=""><img src="./miimg/dianshi2.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米盒子3 增强版</a><p class="hei">高端4K 网络机顶盒</p><p class="ye">399元</p></div>
							<div class="single"><a href=""><img src="./miimg/dianshi1.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米电视系列</a><p class="hei">买就送爱奇艺会员</p><p class="ye">1799元起</p></div>
						</div>
					</div>
				</div>
				
			</div>
		
		<!--------------------------------------------------------------------------------------------------------------------- -->

	<div class="page-main">
		<div class="main">
			<div class="home">
				<div class="hardware"><p class="11">智能硬件</p></div>
				
			</div>
			<div></div>
		</div>
		
		
	</div>
			

		
			
	
	
</body>
</html>